<template>

</template>

<script>
    export default {
        name: "RoomItem",
        data(){
            return {
                active: false,
            }
        },
        methods:{
            adds(val){
                console.log(val);
                this.active = val;
                this.is_show = 1;
            },
            close(){

            },
        }
    }
</script>

<style lang="scss" scoped>
    .box{
        display: flex;
        padding: 2px;
        opacity: 0.8;
        color: #fff;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .box-an-light{
        background-color: #D5FAF2;
        width: 225rpx;
        padding: 10rpx;
        margin-right: 3rpx;

        .tag{
            background-color:#999;
            opacity: 0.8;
            padding: 5rpx;
            font-size: 22rpx;
        }
    }


    .active{
        background-color: #3c9cff;
    }
</style>